<!-- 发布按钮 --> 
<template>
  <div class="publish" @click="go2DemandPublish" :title="$t('mem-tip-publish')">
    <img src="@/assets/img/icon_publish.svg" class="img" />
  </div>
</template>

<script>
export default {
  methods: {},
};
</script>

<style lang="scss" scoped>
.publish {
  $wh: 60px;
  width: $wh;
  height: $wh;
  position: fixed;
  bottom: 10%;
  right: 40px;
  background-color: #d53b76;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  &:hover {
    box-shadow: 0px 7px 18px 0px rgba(0, 0, 0, 0.21);
    opacity: 0.85;
  }
}
</style>
<style lang="scss" scoped>
@media (max-width: 767px) {
  .publish {
    bottom: 20px;
    right: 20px;
    $wh: 50px;
    width: $wh;
    height: $wh;
  }
}
</style>
